@charset "utf-8";
/* CSS Geral BASIC */
/* Nome das Fontes:  cabinbold cabinregular yanone_kaffeesatzbold allerbold allerregular  */


/* Reset */
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li { margin:0 auto; padding:0 auto; list-style:none; outline:none; border:none; }
/* End Reset */


/*------------------------------- Body ---------------------------------*/
body { margin: 0px 0px 0px 0px; padding:0; letter-spacing:0px; font-family: 'cabinregular', sans-serif; color:#000; list-style:none; overflow-x:hidden;}

html { border:0; height:100%; }

*:focus { outline: none; }

input { background-color:transparent; border:none; letter-spacing:0px; font-size:15px; color:#939393;  }

/*------------------------------- Tags ---------------------------------*/
h1 { font-family: 'allerregular', sans-serif; font-size:46px;   color:#FFF; margin:5px 0px 10px 0px;  line-height:48px;}

h2 { font-family: 'allerregular', sans-serif; font-size:32.5px; color:#FFF; margin:5px 0px 10px 0px;  line-height:48px;}

h3 { font-family: 'allerregular', sans-serif; font-size:27px; color:#515e94; margin:10px 0 0;  line-height:29px; }

h4 { font-family: 'allerregular', sans-serif; font-size:27px; color:#515e94; margin:0;  line-height:29px; }

h5 { font-family: 'allerregular', sans-serif; font-size:17px; color:#b8b8b8; margin:0px 0px 5px 0px;  line-height:19px;  }

h6 { font-family: 'yanone_kaffeesatzbold', sans-serif; font-size:16px; color:#515e94; margin:0px 0px 2px 0px;  line-height:18px; }


a { font-size:15px; color:#000; margin:0px 0px 2px 0px; line-height:22px; text-decoration:none; }

a:hover { text-decoration:underline; }

a:visited { text-decoration:none; outline:none; }

a:link, a.link, a:visited, a.visited, .efeito_opacity{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}
a img {opacity:1;filter:Alpha(opacity=100);}
a img:hover {
	opacity: 0.8;
	filter:Alpha(opacity=80);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* -------------------------------- GERAL -------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.clear {clear:both; }
.logo {background:url(../images/logo.png) center center no-repeat; display:block; width:185px; height:100px; padding:11px 13px;}
.botao {padding:0 5px; width:130px; height:30px; display:block; line-height:30px; border-radius:5px; background:url(../images/bg_botao.jpg) center center; margin:15px 10px; font-size:15px; text-transform:uppercase; color:#767676; font-family: 'allerregular', sans-serif;}
.botao:hover {background:url(../images/bg_botao_hover.jpg) center center; color:#FFF; }

.saiba_mais {display:block; width:134px; padding:0 10px; height:42px; line-height:42px; background:url(../images/btn_saiba_mais.png) center center no-repeat; font-size:18px; color:#d2d3d7; text-transform:uppercase; font-family: 'allerregular', sans-serif; letter-spacing:0.5px;}
.saiba_mais:hover {color:#000; background:url(../images/btn_saiba_mais_hover.png) center center no-repeat;}





/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* -------------------------------- TOPO -------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_topo {width:100%; height:115px; background: #d2d3d7 url(../images/bg_topo.jpg) center center no-repeat;}
#content_topo #topo {width:1000px; margin:auto; left:50%; margin-left:-500px; position:relative; z-index:9999;}
#content_topo #topo .logo {float:left;}

#content_topo #topo #menu {margin:0; padding:0 0 0 20px; float:left; position:relative;}
#content_topo #topo #menu li {float:left; border-right:1px solid #d2d3d7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#content_topo #topo #menu li:hover {background:#d2d3d7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#content_topo #topo #menu li:first-child {border-left:1px solid #d2d3d7;}

#content_topo #topo #menu li a {height:115px; line-height:140px; display:block; padding:0 10px; margin:0; overflow:hidden; color:#515e94; font-family: 'allerbold', sans-serif; font-size:18px; font-weight:normal;}
#content_topo #topo #menu li a.home {background:url(../images/icon_home.png) center 24px no-repeat;}
#content_topo #topo #menu li a.empresa {background:url(../images/icon_empresa.png) center 24px no-repeat;}
#content_topo #topo #menu li a.produtos {background:url(../images/icon_produtos.png) center 24px no-repeat;}
#content_topo #topo #menu li a.disklimpeza {background:url(../images/icon_disklimpeza.png) center 24px no-repeat;}
#content_topo #topo #menu li a.dicas {background:url(../images/icon_dicas.png) center 24px no-repeat;}
#content_topo #topo #menu li a.contatos {background:url(../images/icon_contato.png) center 24px no-repeat;}

#content_barra_info {width:100%; height:54px; background:url(../images/bg_barra_topo.jpg) center center repeat-x;}
#content_barra_info #barra_info {width:1000px; margin:auto; left:50%; margin-left:-500px; position:relative; z-index:9999; overflow:hidden;}
#content_barra_info #barra_info .telefone {float:left; margin:10px; padding-left:30px; background:url(../images/icon_telefone_topo.png) left 15px no-repeat; }
#content_barra_info #barra_info .telefone p {color:#515e94; text-align:right; font-size:10px; font-family: 'allerregular', sans-serif;}

#content_barra_info #barra_info .botao{float:left;}
#content_barra_info #barra_info .botao .icon_orcamento {background:url(../images/icon_orcamento_topo.png) center center no-repeat; display:block; width:26px; height:27px; float:right;}
#content_barra_info #barra_info .botao .icon_como_chegar {background:url(../images/icon_como_chegar.png) center center no-repeat; display:block; width:20px; height:28px; float:right;}













/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* -------------------------------- SLIDER -------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_slider {width:100%; height:350px; background:url(../images/pattern_azul.jpg) center center;}
#content_slider #slider {width:1000px; height:350px; margin:auto; left:50%; margin-left:-500px; position:relative; }
#content_slider #slider {}
#content_slider #slider h1, #content_slider #slider h2 {position:absolute; top:51px; left:7px; text-align:left;}
#content_slider #slider p {width:520px; text-align:justify; font-size:17px; line-height:19px; position:absolute; top:120px; left:7px;}
#content_slider #slider img {float:right; position:relative; z-index:0;}

#content_slider #slider ul {position:absolute; top:120px; left:25px;}
#content_slider #slider ul li {background:url(../images/estrela_slider.png) left center no-repeat; padding-left:30px; text-align:left; font-family: 'cabinregular', sans-serif; font-size:15px; line-height:30px;}

#content_slider #slider .saiba_mais {position:absolute; left:327px; top:250px;}





/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------- CONTAINER (CONTEUDO) ------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#conteudo {width:960px; margin:0 auto;}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------- CHAMADAS PRODUTO HOME ------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#chamada_produtos {position:relative;}
#chamada_produtos h3.titulo {padding:15px 0 0 50px; margin:5px 10px; background:url(../images/icon_produtos.png) 10px center no-repeat, url(../images/linha.jpg) bottom center repeat-x;}
#chamada_produtos #carrousel {padding:0 9px; margin:10px -10px 0 -10px; overflow:hidden; display:block; width:960px;}
#chamada_produtos #carrousel li {float:left; padding:10px 8px;  width:160px; height:258px; margin:0 8px; border-radius:10px; background:#e9e9e9}
#chamada_produtos #carrousel li img { max-width:160px; max-height:218px;}
#chamada_produtos #carrousel li p {color:#515e94; text-transform:uppercase; font-size:20px; line-height:21px; font-family: 'yanone_kaffeesatzbold', sans-serif; text-align:center;}

.seta_voltar, .seta_avancar {display:block !important; width:31px; height:31px; position:absolute; top:5px; text-indent:-9999px}
.seta_voltar:hover, .seta_avancar:hover {opacity: 0.7; filter:Alpha(opacity=70);} 
.seta_voltar {background:url(../images/icon_carrousel_left.png) center center no-repeat; right:50px}
.seta_avancar {background:url(../images/icon_carrousel_right.png) center center no-repeat; right:10px;}





/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------- COLUNAS HOME ------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.content_coluna {width:100%; margin:30px 0; overflow:hidden;}
.content_coluna .coluna {width:31.33%; margin:1%; display:block; float:left;}

.content_coluna .coluna .titulo {border-bottom:solid 5px #505d94;}

.icon_disklimpeza, .icon_dicas, .icon_empresa {width:61px; height:33px; display:block; margin-right:5px; float:left;}
.content_coluna .coluna .titulo .icon_disklimpeza {background:#505d94 url(../images/icon_disklimpeza.png) center center no-repeat;}
.content_coluna .coluna .titulo .icon_dicas {background:#505d94 url(../images/icon_dicas.png) center center no-repeat;}
.content_coluna .coluna .titulo .icon_empresa {background:#505d94 url(../images/icon_empresa.png) center center no-repeat;}

.content_coluna .coluna .saiba_mais {display:block; width:88px; height:24px; line-height:24px; background:url(../images/btn_saiba_mais_azul.jpg) center center repeat-x; border-radius:5px; font-family: 'allerregular', sans-serif; color:#FFF; font-size:14px; text-align:center; float:right; margin-top:10px;}
.content_coluna .coluna .saiba_mais:hover {opacity: 0.9; filter:Alpha(opacity=90); color:#000;}

.content_coluna .coluna .lista {overflow:hidden; margin:0; padding:0; height:300px;}
.content_coluna .coluna .lista li {overflow:hidden; margin:10px 0; padding-bottom:15px; border-bottom: dashed 1px #515e94; height:80px;}
.content_coluna .coluna .lista li img {border-radius:5px; float:left;}
.content_coluna .coluna .lista .content_descricao {float:right; width:165px;}
.content_coluna .coluna .lista .content_descricao p {color:#424242; font-size:13px; line-height:15px; font-family: 'cabinregular', sans-serif;}

.content_coluna .coluna .chamada_empresa {overflow:hidden; margin:10px 0 0 0; height:300px;}
.content_coluna .coluna .chamada_empresa img {max-width:300px; border-radius:5px;}
.content_coluna .coluna .chamada_empresa p {color:#424242; font-size:13px; line-height:15px; font-family: 'cabinregular', sans-serif;}









/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ----------------------------- RODAPÉ ---------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_rodape {width:100%; height:143px; background: #d2d3d7 url(../images/bg_rodape.jpg) center center;}
#content_rodape #rodape {width:1000px; height:143px; margin:auto; left:50%; margin-left:-500px; position:relative; z-index:9999;}

#content_rodape #rodape .logo {padding-top:20px; float:left;}


#content_rodape #rodape ul {margin:20px 0 5px 30px; padding:0; float:left; position:relative;}
#content_rodape #rodape ul li {float:left;}

#content_rodape #rodape ul li a {margin:0 10px; padding:3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#content_rodape #rodape ul li a:hover {color:#d2d3d7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#content_rodape #rodape ul li a, #content_rodape #rodape ul li {color:#FFF; font-family: 'yanone_kaffeesatzbold', sans-serif; font-size:21px;}

#content_rodape #rodape h4 {padding-left:70px; display:block; width:570px; font-family: 'cabinbold', sans-serif; font-size:15px; color:#FFF; overflow:hidden;}
#content_rodape #rodape h4.endereco {background:url(../images/icon_home_rodape.png) 45px center no-repeat;}
#content_rodape #rodape h4.telefone {background:url(../images/icn_telefone_rodape.png) 45px center no-repeat;}

#content_rodape #rodape .copyright {width:960px; display:block; text-align:center; bottom:0; position:absolute;}
